 .base-setting {
   .setting-edit {
     width: 96%;
     min-height: 460px;
   }

   .el-dialog__footer {
     border-top: 1px solid #e6e6e6;
   }

   .title {
     margin-left: 5px;
     margin-right: 5px;
     color: #ff4400;
   }

   .x-select-image {
     margin-bottom: -20px;
   }

   .el-form-item {
     margin-bottom: 0px;
     line-height: 28px;
   }

   .el-form-item__content {
     line-height: 30px;
   }

   .el-table .warning-row {
     background: oldlace;
   }

   .el-table .success-row {
     background: #f0f9eb;
   }

   margin: 10px;
   width: 90%;

   .title {
     margin-bottom: 5px;

     .headerRight {
       margin: 5px;
     }
   }

   .setting-edit {
     margin-top: 20px;

     .sale-intro {
       margin-top: -3px;
       margin-left: 5px;
     }
   }
 }

 .qrcode-conter {
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: center;

   .conter-bg {
     width: 430px;
     height: 708px;
     background: url('../../../../../static/img/phone_h5.png') no-repeat;
     background-size: 430px 708px;

     .conter-img {
       width: 375px;
       height: 667px;
       position: relative;
       top: 20px;
       left: 27px;
       border-radius: 20px;
       overflow: hidden;

       .conter-bgimg {
         width: 100%;
         height: 100%;
         position: absolute;
         top: 0;
         left: 0;
       }

       .avatar-uploader {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         cursor: pointer;
         width: 100px;
         height: 100px;
         border: 1px dashed #8c939d;
         border-radius: 4px;

         .avatar-vanity {
           width: 100px;
           height: 100px;
           display: flex;
           flex-direction: row;
           align-items: center;
           justify-content: center;
         }

         .avatar-uploader-icon {
           font-size: 24px;
           color: #8c939d;
         }
       }

       .avatar-uploader:hover {
         border: 1px dashed red;
       }
     }
   }

   .qrcode-arg {
     .qrcode-arg_text {
       font-size: 18px;
       padding: 15px 0;
     }

     .qrcode-arg_upload {
       .qrcode-arg-uploader {
         cursor: pointer;
         width: 100px;
         height: 178px;
         border: 1px dashed #8c939d;
         overflow: hidden;
       }

       .qrcode-arg-vanity {
         width: 100px;
         height: 178px;
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: center;
       }

       .avatar-uploader-icon {
         font-size: 24px;
         color: #8c939d;
       }

       .qrcode-code-uploader {
         width: 100px;
         height: 100px;
       }

       .qrcode-code-vanity {
         width: 100px;
         height: 100px;
       }
     }

     .qrcode-arg_intro {
       font-size: 12px;
       line-height: 20px;
       color: #898989;
     }

     .qrcode-arg-uploader:hover {
       border: 1px dashed red;
     }

     .qrcode-ipt {
       display: flex;
       flex-direction: row;
       align-items: center;

       .qrcode-ipt_list {
         display: flex;
         flex-direction: row;
         align-items: center;
         margin-right: 20px;

         .qrcode-ipt-tx {
           font-size: 16px;
           color: #666666;
           width: 40px;
         }
       }
     }

     .qrcode-arg_img {
       width: 100px;
       height: 100px;
       border-radius: 3px;
       border: 1px solid #e5e5e5;
     }
   }
 }
